<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="/font_zgnxxzlteep/iconfont.css">
    <script src="js/common.js"></script>
</head>

<body>
    <div class="warp">
        <div class="top">
            <input class="input1" type="text" placeholder="搜索内容">
        </div>

        <div class="nav">
            <div class="nav_top">
                <div>
                    <div class="d1"><img src="/images/icon_rollup_coloured.png" alt=""></div>
                    <div>美食</div>
                </div>
                <div>
                    <div class="d2"><img src="/images/icon_doughnut_colour.png" alt=""></div>
                    <div>甜点</div>
                </div>
                <div>
                    <div class="d3"><img src="/images/icon_milk_coloured.png" alt=""></div>
                    <div>牛奶</div>
                </div>
                <div>
                    <div class="d4"><img src="/images/icon_salad_coloured.png" alt=""></div>
                    <div>蔬菜</div>
                </div>
            </div>
            <div class="nav_bottom">
                <div>
                    <div class="d5"><img src="/images/icon_coffee_coloured.png" alt=""></div>
                    <div>茶</div>
                </div>
                <div>
                    <div class="d6"><img src="/images/icon_burger_coloured.png" alt=""></div>
                    <div>快餐</div>
                </div>
                <div>
                    <div class="d7"><img src="/images/icon_juice_coloured.png" alt=""></div>
                    <div>饮料</div>
                </div>
                <div>
                    <div class="d8"><img src="/images/icon_lobster_coloure.png" alt=""></div>
                    <div>海鲜</div>
                </div>
            </div>
        </div>
        <!-- 中部图片 -->
        <div class="mid_img">
            <img src="/images/圆角矩形 7.png" alt="">
        </div>
        <div class="goodf">
            美食
            <span> <a href="">更多 &gt;&gt;</a> </span>
        </div>
        <!-- 菜品 -->
        <div class="caiping">
            <div class="caiping1">
                <img src="/images/图层 2.png" alt="">
                <p>美味蔬果拼盘</p>
                <p class="font_cl">¥288</p>
                <p class="font_weizhi"> 3524人购买</p>

            </div>
            <div class="caiping2"> <img src="/images/图层 3.png" alt="">
                <p>部队火锅双人餐</p>
                <p class="font_cl">¥288</p>
                <p class="font_weizhi"> 3524人购买</p>
            </div>

        </div>
        <div class="bottom_max">
            <ul>
                <li> <a href=""><span class="iconfont icon-shouye1"></span>
                        <p>首页</p>
                    </a> </li>
                <li><a href=""> <span class="iconfont icon-dianpu"></span>
                        <p>店铺</p>
                    </a></li>
                <li><a href=""> <span class="iconfont icon-dingdan"></span>
                        <p>订单</p>
                    </a></li>
                <li><a href=""> <span class="iconfont icon-shouye"></span>
                        <p>我的</p>
                    </a></li>
            </ul>

        </div>
    </div>
</body>

</html>